<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

  <style>
    .row>div {

      border: 1px solid blue;
      height: 50px;
      text-align: center;
      line-height: 50px;
    }

    /* .container{
            width: 1600px;
            height: 1600px;
            background-color:salmon;
        } */
  </style>

</head>

<body>

  <div class="container">
    <!-- <div class="container-fluid"> -->
    <div class="row">

      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
      <div class="col-md-1">
        1
      </div>
    </div>

    <div class="row">
      <div class="col-md-4">
        4
      </div>
      <div class="col-md-8">
        8
      </div>

    </div>
    <!-- 多种屏幕格式 -->
    <div class="row">
      <div class="col-xs-8 col-md-4">
        12 4
      </div>

    </div>
    <div class="row">
      <div class="col-xs-10 col-md-4">
        10 4
      </div>

    </div>



  </div>


</body>

</html>